<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../dist/layui/layui.js"></script>
    <link href="../css/films/detail.css" rel="stylesheet">
    <link href="../css/header.css" rel="stylesheet">
    <link href="../dist/layui/css/layui.css" rel="stylesheet">
</head>
<body>
<!--===头部导航栏===-->
    <div class="header">
        <div class="header-logo"><a href="#" class="logo"></a></div>
        <div class="header-nav">
            <ul>
                <li><a href="../index.html" class="">首页</a></li>
                <li class="checked"><a href="../films/films.html" class="">电影</a></li>
                <li><a href="../cinema/detail.html" class="">影院</a></li>
                <li><a href="../border/border.html" class="">榜单</a></li>
                <li><a href="../border/address.html" class="address">地区</a></li>
            </ul>
        </div>
        <div class="header-search">
            <form action="" class="search-form">
                <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
                <a href="" class="search-btn"></a>
            </form>
            <div class="head-login">
                <a href="" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
                <!--<span></span>-->
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="banner-main">
            <div class="celeInfo-left"><img src="../images/films/bigmovie1.jpg"></div>
            <div class="celeInfo-right">
                <div class="movie-brief">
                    <h1>白蛇2: 青蛇劫起</h1>
                    <ul>
                        <li>
                            <span>冒险</span>
                            <span>奇幻</span>
                            <span>动画</span>
                        </li>
                        <li>中国大陆 / 131分钟</li>
                        <li>2021-07-23 09:00中国大陆上映</li>
                    </ul>
                </div>
                <div class="action-buyBtn">
                    <a class="buy" href="../cinema/list.html"><h1>特惠购票</h1></a>
                </div>
<!--                电影评分-->
                <div class="moves-status">
                    <div class="movie-index">
                        <span>电影口碑</span>
                        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                        </fieldset>
                        <div><div id="test4"></div></div>
                    </div>
                    <div class="movie-index">
                        <span class="index-span">累计票房</span>
                        <h2>5.80</h2>
                        <span>亿</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--    电 影 介 绍     -->
    <div class="container">
        <div class="main-container">
            <div class="main-left">
                <div class="tab-title">
                    <span>介绍</span>
                </div>
                <div class="tab-content">
                    <div class="module">
                        <div class="title"><span>剧情介绍</span></div>
                        <div class="p-word"><p>南宋末年，小白为救许仙水漫金山，终被法海压在雷峰塔下。小青则意外被法海打入诡异的修罗城幻境。几次危机中小青被神秘蒙面少年所救，小青带着出去救出小白的执念历经劫难与成长，同蒙面少年一起寻找离开的办法。</p></div>
                    </div>
                    <div class="module">
                        <div class="title">
                            <span>演职人员</span>
                            <a href="">全部</a>
                        </div>
                        <div class="p-word">
                            <div class="celebrity">
                                <span>导演</span>
                                <div class="image">
                                    <a href="../actor/detail.html" ><img src="../images/films/star1.jpg">
                                    <spam>黄家康</spam>
                                    </a>
                                </div>
                            </div>
                            <div class="celebrity-ul">
                                <span>演员</span>
                                <div class="list-star">
                                    <ul>
                                        <li>
                                            <a href="../actor/detail.html">
                                                <img src="../images/films/star2.jpg">
                                                <span>唐小喜</span>
                                            </a>
                                            <span>饰:&nbsp;小青</span>
                                        </li>
                                        <li>
                                            <a href="../actor/detail.html">
                                                <img src="../images/films/star3.jpg">
                                                <span>张福正</span>
                                            </a>
                                            <span>饰:&nbsp;蒙面少年</span>
                                        </li>
                                        <li>
                                            <a href="../actor/detail.html">
                                                <img src="../images/films/star4.jpg">
                                                <span>魏超</span>
                                            </a>
                                            <span>饰:&nbsp;司马</span>
                                        </li>
                                        <li>
                                            <a href="../actor/detail.html">
                                                <img src="../images/films/star5.jpg">
                                                <span>赵铭洲</span>
                                            </a>
                                            <span>饰:&nbsp;牛头帮主</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="module">
                        <div class="title">
                            <span>图集</span>
                            <a href="">全部</a>
                        </div>
                        <div class="p-photo">
                            <div class="main-photo">
                                <img src="../images/films/filmdetail1.jpg">
                            </div>
                            <div class="other-photo">
                                <ul>
                                    <li><img src="../images/films/filmdetail2.jpg"> </li>
                                    <li><img src="../images/films/filmdetail3.jpg"></li>
                                    <li><img src="../images/films/filmdetail4.jpg"></li>
                                    <li><img src="../images/films/filmdetail5.jpg"></li>
                                </ul>
                            </div>
                        </div>
                    </div>
<!--                    评论-->
                    <div class="module">
                        <div class="title">
                            <span>热门短评</span>
                            <a href="">全部</a>
                        </div>
                        <div class="mod-title">
                            <ul>
                                <li>
                                    <div class="mod-title-left">
                                        <img src="../images/films/mod-title1.jpg">
                                    </div>
                                    <div class="mod-title-right">
                                        <div class="title-right-top">
                                            <div class="customer">
                                                <span class="cust-name">奇亚亚er</span>
                                            </div>
                                            <div class="time-star">
                                                <span>08-01</span>
                                                <span class="csut-star"></span>
                                            </div>
                                            <div class="thumbs-up">
                                                <a href=""></a>
                                                <span>16783</span>
                                            </div>
                                        </div>
                                        <div class="title-right-bottom">
                                            <p>真的惊艳到我了，光说那个画质和特效，仿佛身临其境，美轮美奂。打斗场面动作流畅，看得又刺激又爽。还有那个修罗城，现代末日的场景，还有各种穿越来的人、妖、鬼怪来一场绝地求生，牛马和罗刹门的对峙，将光怪陆离的世界展现的淋漓尽致。剧情方面更是没得说，免得剧透，我只能说，我太喜欢小青了，我也喜欢这部里面的小白，太帅了，爱了爱了。喜欢小青，又强又勇，还重情重义，并且姐妹情深，容我磕一下。</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="mod-title-left">
                                        <img src="../images/films/mod-title1.jpg">
                                    </div>
                                    <div class="mod-title-right">
                                        <div class="title-right-top">
                                            <div class="customer">
                                                <span class="cust-name">奇亚亚er</span>
                                            </div>
                                            <div class="time-star">
                                                <span>08-01</span>
                                                <span class="csut-star"></span>
                                            </div>
                                            <div class="thumbs-up">
                                                <a href=""></a>
                                                <span>16783</span>
                                            </div>
                                        </div>
                                        <div class="title-right-bottom">
                                            <p>🌟 推荐 青蛇白蛇🔒了。这已经超越爱情了吧，小白每世轮回都带着对小青的执念，最后双双带着对彼此的执念坠入修罗城，即使性别改变即使记忆不全，终究彼此相连，兜兜转转红尘轮回是你是你还是你就是这种感觉。画面动作当然一如既往很有水平，这种对神话题材大胆的内容创新还挺有意思的。一群牛头马面开机车的场面还挺有趣的。</p>
                                        </div>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-right">
                <div class="tab-title">
                    <span>相关电影</span>
                </div>
                <div class="relation-films">
                    <ul>
                        <li>
                            <a href="f">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/films/relation1.jpg">
                                <span>白蛇:&nbsp;缘起</span>
                            </a>
                            <span>9.3</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<!--    底部-->
<!--========== 4.底部脚注 =============-->
    <div class="index-footer">
        <div class="footer-head"></div>
        <div class="footer-main">
            <p>关于视享票票通：&nbsp;关于我们<span>&nbsp;|&nbsp;</span> 管理团队 <span>&nbsp;|&nbsp;</span> 投资者关系
                &nbsp;&nbsp;友情链接 :&nbsp;&nbsp; 支付宝 </p>
            <p>
                商务合作邮箱：1137750012@qq.com &nbsp;
                客服电话：62170010 &nbsp;
                违法和不良信息/涉未成年人有害信息举报电话：4006018900
            </p>
            <p>
                用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
                舞弊线索举报邮箱：wubijubao@shixiang.com
            </p>
            <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
            <p>驰星视享文化传媒有限公司</p>
            <p>&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
        </div>

    </div>

    <script>
        layui.use(['rate'], function() {
            var rate = layui.rate;
            //半星效果
            rate.render({
                elem: '#test4'
                , value: 4.5
                , half: true
                , readonly: true
            })
        })
    </script>
    <script src="../js/films/detail.js"></script>
</body>
</html>